
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="ico/favicon.png">
    <title>混子论坛</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="plugins/prettyPhoto/css/prettyPhoto.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/ui.totop.css" rel="stylesheet">
    <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    <link href="css/extralayers.css" rel="stylesheet">
    <link href="plugins/rs-plugin/css/settings.css" rel="stylesheet">
    <!-- Font Awesome  -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Custom Stylesheet For This Template -->
    <link href="css/stylesheet.css" rel="stylesheet">
    <link href="css/skins.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100" rel="stylesheet" type="text/css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="wide color-skin-1 color-pattern-1">
<div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">
        <nav class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="myRelate.html">
                        <img alt="Brand" src="img/logo-dark.png">
                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-ex1-collapse">
                    <span class="search-toggle visible-lg-block"><i class="fa fa-search"></i></span>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">特点<i class="fa fa-angle-double-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="elements.html">基本界面样式</a></li>
                                <li><a href="buttons.html">按钮样式</a></li>
                                <li><a href="icons.html">图标</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="contact.html">登录</a></li>
                                <li><a href="myRelate.html">个人主页</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!-- /.nav -->
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
        <!-- /.navbar -->
    </header>
    <!-- /#masthead -->
    <header id="header-search-box" class="search-box-wrapper">
        <div class="container">
            <div class="search-box">
                <button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <form role="form">
                    <div class="input-group">
                                <span class="input-group-btn">
                                    <button class="btn btn-default btn-lg" type="button"><i class="fa fa-search"></i></button>
                                </span>
                        <input type="text" class="form-control input-lg" placeholder="Search">
                    </div>
                </form>
            </div>
        </div>
    </header>
            <!-- /#header-search-box -->
            <header class="archive-header">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <h4 class="archive-title">摄影分区</h4>
                        </div>
                        <!-- /.col-sm-6 -->
                        <div class="col-xs-6 hidden-xs">
                            <ol class="breadcrumb">
                                <li><a href="#">生活</a></li>
                                <li><a href="#">摄影</a></li>
                                <li class="active">主题帖</li>
                            </ol>
                        </div>
                        <!-- /.col-xs-6 -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container -->
            </header>
            <!-- /.archive-header -->
            <div id="main" class="wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8">
                            <div id="primary" class="site-comtent">
                                <article class="post-1 post format-standard">
                                    <div class="entry-thumb">
                                        <img src="img/general/img1.jpg" class="img-responsive" alt="">
                                        <div class="image-overlay"></div>
                                        <a href="img/general/img1.jpg" data-rel="prettyPhoto" class="ima-zoom"><i class="fa fa-plus"></i></a>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="reply.html" rel="bookmark">Eum ne adolescens disputando</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nisl quidam epicuri sea ex, possit senserit cu usu. Sit et justo corpora sadipscing, in doctus delicatissimi his, an consul diceret usu. Ex mundi fabulas sed, noster timeam nominavi pri ut, alii paulo simul his no. Sonet decore dicunt has ea, tation sanctus an sea. Sensibus scribentur an ius, vis lorem pertinax forensibus et, ut vim mutat nemore moderatius. Te pri diceret pericula, id eros iudicabit quo, eos sapientem adipiscing in.</p>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <p>Lorem ipsum dolor sit amet, te eam nisl suscipiantur. Eu eam essent eruditi mandamus. Est in ubique diceret vocibus. Utinam nostro hendrerit ne eos, id aliquid expetendis interesset usu, sed eu quas vocent. Et duo feugiat mandamus.</p>
                                                </div>
                                                <div class="col-md-6">
                                                    <p>Pro ea animal forensibus vituperatoribus, ex quando impetus duo. Id natum hendrerit vis, est error adipisci disputando te, quo et utroque facilisi volutpat. Ex ipsum equidem eam, sumo possit democritum ad vel. Eu est postea postulant.</p>
                                                </div>
                                            </div>
                                            <blockquote>
                                                <p>Ea erant impetus vel. Vivendo commune invidunt no nam. In sea facilisi consetetur. Eum diam mutat feugiat ad, facilisis explicari vim cu. Te pri voluptaria accommodare, eos viris aeterno in.</p>
                                            </blockquote>
                                            <p>Lorem ipsum dolor sit amet, te eam nisl suscipiantur. Eu eam essent eruditi mandamus. Est in ubique diceret vocibus. Utinam nostro hendrerit ne eos, id aliquid expetendis interesset usu, sed eu quas vocent. Et duo feugiat mandamus. Cum agam placerat te. Semper causae est ne, ea purto velit duo. Debet intellegebat sea ea, te vis tale saepe inimicus, sit atomorum principes eu. Sed sint ipsum delenit at, alia unum saepe ea per. Ea erant impetus vel. Vivendo commune invidunt no nam. In sea facilisi consetetur. Eum diam mutat feugiat ad, facilisis explicari vim cu. Te pri voluptaria accommodare, eos viris aeterno in.</p>
                                            <p>Nisl quidam epicuri sea ex, possit senserit cu usu. Sit et justo corpora sadipscing, in doctus delicatissimi his, an consul diceret usu. Ex mundi fabulas sed, noster timeam nominavi pri ut, alii paulo simul his no. Sonet decore dicunt has ea, tation sanctus an sea. Sensibus scribentur an ius, vis lorem pertinax forensibus et, ut vim mutat nemore moderatius. Te pri diceret pericula, id eros iudicabit quo, eos sapientem adipiscing in.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="post-author"><span class="glyphicon glyphicon-user"></span> <a href="#">admin</a></span>
                                            <span class="post-cats"><i class="fa fa-th-list"></i> <a href="#">News</a></span>
                                            <span class="post-taxs"><i class="fa fa-tags"></i> <a href="#">landscape</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">17 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                                <article class="post-1 post format-standard">
                                    <div class="entry-thumb">
                                        <!-- 16:9 aspect ratio -->
                                        <div class="embed-responsive embed-responsive-16by9">
                                            <iframe class="embed-responsive-item" src="//player.vimeo.com/video/30300114"></iframe>
                                        </div>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">


                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Ex eros diceret vis sit an vide eruditi graecis</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                            <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                                            <p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-format"><i class="fa fa-play"></i> <a href="#">Video</a></span>
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="post-author"><span class="glyphicon glyphicon-user"></span> <a href="#">admin</a></span>
                                            <span class="post-cats"><i class="fa fa-th-list"></i> <a href="#">News</a></span>
                                            <span class="post-taxs"><i class="fa fa-tags"></i> <a href="#">landscape</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">17 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                                <article class="post-1 post format-standard">
                                    <div class="entry-thumb">
                                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                            <!-- Indicators -->
                                            <ol class="carousel-indicators">
                                                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                                            </ol>

                                            <!-- Wrapper for slides -->
                                            <div class="carousel-inner">
                                                <div class="item active">
                                                    <img src="img/general/img2.jpg" alt="...">
                                                </div>
                                                <div class="item">
                                                    <img src="img/general/img3.jpg" alt="...">
                                                </div>
                                            </div>

                                            <!-- Controls -->
                                            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                                <span class="glyphicon glyphicon-chevron-left"></span>
                                            </a>
                                            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                                <span class="glyphicon glyphicon-chevron-right"></span>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">


                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Mel nostro labitur efficiendi ad</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lor</p>
                                            <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                                            <p>Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-format"><i class="fa fa-picture-o"></i> <a href="#">Gallery</a></span>
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="post-author"><span class="glyphicon glyphicon-user"></span> <a href="#">admin</a></span>
                                            <span class="post-cats"><i class="fa fa-th-list"></i> <a href="#">News</a></span>
                                            <span class="post-taxs"><i class="fa fa-tags"></i> <a href="#">landscape</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">17 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                                <article class="post-1 post format-standard">
                                    <div class="entry-wrap">


                                        <div class="entry-content">
                                            <blockquote><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                                <p><small>Someone famous in <cite title="Source Title">Source Title</cite></small></p></blockquote>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-format"><i class="fa fa-quote-right"></i> <a href="#">Quote</a></span>
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="post-author"><span class="glyphicon glyphicon-user"></span> <a href="#">admin</a></span>
                                            <span class="post-cats"><i class="fa fa-th-list"></i> <a href="#">News</a></span>
                                            <span class="post-taxs"><i class="fa fa-tags"></i> <a href="#">landscape</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">17 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                                <article class="post-1 post format-standard">
                                    <div class="entry-thumb">
                                        <iframe height="350" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/130459845&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Eum facilisi consequat interesset id</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nisl quidam epicuri sea ex, possit senserit cu usu. Sit et justo corpora sadipscing, in doctus delicatissimi his, an consul diceret usu. Ex mundi fabulas sed, noster timeam nominavi pri ut, alii paulo simul his no. Sonet decore dicunt has ea, tation sanctus an sea. Sensibus scribentur an ius, vis lorem pertinax forensibus et, ut vim mutat nemore moderatius. Te pri diceret pericula, id eros iudicabit quo, eos sapientem adipiscing in.</p>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <p>Lorem ipsum dolor sit amet, te eam nisl suscipiantur. Eu eam essent eruditi mandamus. Est in ubique diceret vocibus. Utinam nostro hendrerit ne eos, id aliquid expetendis interesset usu, sed eu quas vocent. Et duo feugiat mandamus.</p>
                                                </div>
                                                <div class="col-md-6">
                                                    <p>Pro ea animal forensibus vituperatoribus, ex quando impetus duo. Id natum hendrerit vis, est error adipisci disputando te, quo et utroque facilisi volutpat. Ex ipsum equidem eam, sumo possit democritum ad vel. Eu est postea postulant.</p>
                                                </div>
                                            </div>
                                            <blockquote>
                                                <p>Ea erant impetus vel. Vivendo commune invidunt no nam. In sea facilisi consetetur. Eum diam mutat feugiat ad, facilisis explicari vim cu. Te pri voluptaria accommodare, eos viris aeterno in.</p>
                                            </blockquote>
                                            <p>Lorem ipsum dolor sit amet, te eam nisl suscipiantur. Eu eam essent eruditi mandamus. Est in ubique diceret vocibus. Utinam nostro hendrerit ne eos, id aliquid expetendis interesset usu, sed eu quas vocent. Et duo feugiat mandamus. Cum agam placerat te. Semper causae est ne, ea purto velit duo. Debet intellegebat sea ea, te vis tale saepe inimicus, sit atomorum principes eu. Sed sint ipsum delenit at, alia unum saepe ea per. Ea erant impetus vel. Vivendo commune invidunt no nam. In sea facilisi consetetur. Eum diam mutat feugiat ad, facilisis explicari vim cu. Te pri voluptaria accommodare, eos viris aeterno in.</p>
                                            <p>Nisl quidam epicuri sea ex, possit senserit cu usu. Sit et justo corpora sadipscing, in doctus delicatissimi his, an consul diceret usu. Ex mundi fabulas sed, noster timeam nominavi pri ut, alii paulo simul his no. Sonet decore dicunt has ea, tation sanctus an sea. Sensibus scribentur an ius, vis lorem pertinax forensibus et, ut vim mutat nemore moderatius. Te pri diceret pericula, id eros iudicabit quo, eos sapientem adipiscing in.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-format"><i class="fa fa-music"></i> <a href="#">Audio</a></span>
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="post-author"><span class="glyphicon glyphicon-user"></span> <a href="#">admin</a></span>
                                            <span class="post-cats"><i class="fa fa-th-list"></i> <a href="#">News</a></span>
                                            <span class="post-taxs"><i class="fa fa-tags"></i> <a href="#">landscape</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">17 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                                <ul class="pagination">
                                    <li class="disabled"><a href="#">« Previous</a></li>
                                    <li><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li class="active"><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li><a href="#">Next »</a></li>
                                </ul>
                            </div>
                            <!-- /.site-comtent -->
                        </div>
                        <!-- /.col-md-8 -->
                        <div class="col-md-4">
                            <div id="secondaey" class="widget-area">
                                <aside class="widget widget-search">
                                    <form class="form-search">
                                        <input type="search" class="form-control" placeholder="Search ...">
                                    </form>
                                </aside>
                                <!-- /.widget-search -->
                                <aside class="widget widget-categories">
                                    <div class="subpage-title">
                                        <h5>Blog Categories</h5>
                                    </div>
                                    <div class="list-group">
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; HTML/CSS</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; CSS</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; Adobe Photoshop</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; General</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; Complete Websites</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; Design Theory</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; HTML</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; Workflow</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; Site Elements</a>
                                        <a class="list-group-item" href="#"><i class="fa fa-angle-right fa-fw"></i>&nbsp; More...</a>
                                    </div>

                                </aside>
                                <!-- /.widget-categories -->
                                <aside class="widget widget-text">
                                    <div class="subpage-title">
                                        <h5>Text Widget</h5>
                                    </div>
                                    <p>Eam virtute petentium te. Sit ubique assentior similique et, cum tibique comprehensam at. Nam cu diam idque virtute, pro nihil bonorum percipitur et, illum simul eloquentiam per ea. Alii elit qui ad, prima singulis similique an per. Iudico sanctus eam no. Qui corpora accusamus no, eum id eripuit instructior.</p>
                                </aside>
                                <!-- /.widget-text -->
                                <div class="widget widget-posts">
                                    <div class="subpage-title">
                                        <h5>Recent Posts</h5>
                                    </div>
                                    <ul class="recent-posts">
                                        <li>
                                            <img src="img/recent-posts/img1.jpg" alt="Post Image">
                                            <h5>
                                                <a href="post-1.html">The Ultimate Guide to Adjustment Layers – Vibrance</a>
                                                <small><i class="fa fa-clock-o"></i> 20 August, 2013</small>
                                            </h5>
                                        </li>
                                        <li>
                                            <img src="img/recent-posts/img2.jpg" alt="Post Image">
                                            <h5>
                                                <a href="post-1.html">Complete Guide to What’s New in Adobe Photoshop 14.1</a>
                                                <small><i class="fa fa-clock-o"></i> 15 August, 2013</small>
                                            </h5>
                                        </li>
                                        <li>
                                            <img src="img/recent-posts/img3.jpg" alt="Post Image">
                                            <h5>
                                                <a href="post-1.html">How to Integrate Lightroom Into Your Photoshop Workflow</a>
                                                <small><i class="fa fa-clock-o"></i> 10 August, 2013</small>
                                            </h5>
                                        </li>
                                    </ul>
                                </div>
                                <!-- /.widget-posts -->
                                <div class="widget widget-tagcloud">
                                    <div class="subpage-title">
                                        <h5>Tags</h5>
                                    </div>
                                    <ul class="tag-links">
                                        <li><a href="#">photoshop</a></li>
                                        <li><a href="#">html</a></li>
                                        <li><a href="#">css</a></li>
                                        <li><a href="#">html5</a></li>
                                        <li><a href="#">css3</a> </li>
                                        <li><a href="#">illustration</a></li>
                                        <li><a href="#">javascript</a></li>
                                        <li><a href="#">jquery</a></li>
                                        <li><a href="#">bootstrap 2</a></li>
                                        <li><a href="#">bootstrap 3</a></li>
                                        <li><a href="#">php</a></li>
                                        <li><a href="#">mysql</a></li>
                                        <li><a href="#">wordpress</a></li>
                                        <li><a href="#">ajax</a></li>
                                        <li><a href="#">webmatrix</a></li>
                                    </ul>
                                </div>
                                <!-- /.widget-tagcloud -->
                                <div class="widget widget-flickr">
                                    <div class="subpage-title">
                                        <h5>Flickr Photos</h5>
                                    </div>
                                    <ul class="flickr-photos-list"></ul>
                                </div>
                                <!-- /.widget-flickr -->
                            </div>
                            <!-- /.widget-area -->
                        </div>
                        <!-- /.col-md-4 -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container -->
            </div>
            <!-- /#main -->
            <footer id="colophon" class="site-footer" role="contentinfo">
<!--                <div id="supplementary">-->
<!--                    <div class="container">-->
<!--                        <div class="row">-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-about">-->
<!--                                    <img class="brand" alt="Brand" src="img/logo-white.png" width="145">-->
<!--                                    <p>Lorem ipsum dolor sit amet, no consequat ullamcorper nec, te commune constituto intellegebat eam. Soleat populo id nec. Est in altera vocibus, et vim iudico adolescens, mel no discere mediocritatem.</p>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-about &ndash;&gt;-->
<!--                                <aside class="widget widget-social">-->
<!--                                    <h5 class="widget-title">Stay Connected</h5>-->
<!--                                    <ul class="social-links">-->
<!--                                        <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>-->
<!--                                        <li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>-->
<!--                                        <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>-->
<!--                                        <li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>-->
<!--                                        <li><a class="rss" href="#"><i class="fa fa-rss"></i></a></li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-social &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-posts">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Recent Posts</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="recent-posts">-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img1.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">The Ultimate Guide to Adjustment Layers – Vibrance</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 20 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img2.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">Complete Guide to What’s New in Adobe Photoshop 14.1</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 15 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img3.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">How to Integrate Lightroom Into Your Photoshop Workflow</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 10 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-posts &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-tagcloud">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Tags</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="tag-links">-->
<!--                                        <li><a href="#">photoshop</a></li>-->
<!--                                        <li><a href="#">html</a></li>-->
<!--                                        <li><a href="#">css</a></li>-->
<!--                                        <li><a href="#">html5</a></li>-->
<!--                                        <li><a href="#">css3</a> </li>-->
<!--                                        <li><a href="#">illustration</a></li>-->
<!--                                        <li><a href="#">javascript</a></li>-->
<!--                                        <li><a href="#">jquery</a></li>-->
<!--                                        <li><a href="#">bootstrap 2</a></li>-->
<!--                                        <li><a href="#">bootstrap 3</a></li>-->
<!--                                        <li><a href="#">php</a></li>-->
<!--                                        <li><a href="#">mysql</a></li>-->
<!--                                        <li><a href="#">wordpress</a></li>-->
<!--                                        <li><a href="#">ajax</a></li>-->
<!--                                        <li><a href="#">webmatrix</a></li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-tagcloud &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-flickr">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Flickr Photos</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="flickr-photos-list"></ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-flickr &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                        </div>-->
<!--                        &lt;!&ndash; /.row &ndash;&gt;-->
<!--                    </div>-->
<!--                    &lt;!&ndash; /.container &ndash;&gt;-->
<!--                </div>-->
                <!-- /#supplementary -->
                <div id="site-info">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12 col-sm-6">
                                <div class="footer-info-wrapper">
                                    <span>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                                </div>
                            </div>
                            <!-- /.footer-info-wrapper -->
                            <div class="col-xs-12 col-sm-6">
                                <div class="footer-links-wrapper">
                                    <ul class="list-inline">
                                        <li><a href="#">Privacy Policy</a></li>
                                        <li><a href="#">Terms Of Service</a></li>
                                        <li><a href="#">Disclaimer</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- /.footer-links-wrapper -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <!-- /.container -->
                </div>
                <!-- /.site-footer -->
            </footer>
            <!-- /#site-info -->
        </div>
        <!-- /#page -->
        <div class="skin-chooser-wrap visible-lg-block">
            <span class="skin-chooser-toggle"><i class="fa fa-cog"></i></span>
            <section class="section">
                <h4>Style Switcher</h4>
            </section>
            <section class="section">
                <h6>Layout Options</h6>
                <p>Which layout option you want to use?</p>
                <p><a id="boxed" class="btn adv-default squre btn-xs" href="#" role="button">Boxed</a><em>&nbsp; or &nbsp;</em><a id="wide" class="btn adv-primary squre btn-xs" href="#" role="button">Wide</a></p>
            </section>
            <section class="section">
                <h6>Color Schemes</h6>
                <p>Which theme color you want to use? Here are some predefined colors.</p>
                <ul class="list-inline">
                    <li id="color-skin-1" class="color-skin active"></li>
                    <li id="color-skin-2" class="color-skin"></li>
                    <li id="color-skin-3" class="color-skin"></li>
                    <li id="color-skin-4" class="color-skin"></li>
                    <li id="color-skin-5" class="color-skin"></li>
                </ul>
            </section>
            <section class="section">
                <h6>Patterns</h6>
                <p>You can choose between four patterns.</p>
                <ul class="list-inline">
                    <li id="color-pattern-1" class="color-pattern active"></li>
                    <li id="color-pattern-2" class="color-pattern"></li>
                    <li id="color-pattern-3" class="color-pattern"></li>
                    <li id="color-pattern-4" class="color-pattern"></li>
                    <li id="color-pattern-5" class="color-pattern"></li>
                </ul>
            </section>
        </div>
        <!-- Bootstrap JS & Others JavaScript Plugins -->
        <!-- Placed At The End Of The Document So Page Loads Faster -->
        <script src="js/jquery-2.1.4.min.js"></script>
        <script src="js/jquery-migrate-1.2.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
        <script src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
        <script src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
        <script src="plugins/prettyPhoto/js/jquery.prettyPhoto.js"></script>
        <script src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
        <script src="js/jflickrfeed.min.js"></script>
        <script src="js/easing.js"></script>
        <script src="js/jquery.ui.totop.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/jquery.fitvids.js"></script>
        <!-- Custom Script For This Template -->
        <script src="js/script.js"></script>
    </body>
</html>